import React,{Fragment,useEffect} from 'react'
import {useRoutes} from 'react-router-dom'
import { constantRoutes, asyncRoutes } from './router'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
// import axios from 'axios'

export default function App() {
  // 根据路由表生成对应的路由规则
  const constantElement = useRoutes(constantRoutes)
  const asyncElement = useRoutes(asyncRoutes)
  // const [backRoutes,setbackRoutes]=useState([])
  
  // const {role:{rights}} = JSON.parse(localStorage.getItem('token'))
  
  // useEffect(()=>{
  //  axios.get('/rights?_embed=children').then(res=>{
  //    setbackRoutes(res.data)
  //    handleRoutes(res.data)
  //   })
  // },[])

  // //处理路由菜单
  // const handleRoutes=(routes)=>{
  //   let curRoutes=asyncRoutes.filter(item=>item.children)[0].children //当前的路由列表
  // }

  // //判断是否具备路由权限
  // const checkRoute=(item)=>{
  //   // return LocalRouterMap[item.key]&&item.pagepermission 
  // }
  // //判断当前登录用户的权限列表,如果存在，就返回当前的路由
  // const checkUserPermission=(item)=>{
  //   // return rights.includes(item.key)
  // }
  
  //使用进度条
  NProgress.configure({ showSpinner: false }) // 是否有转圈效果
  NProgress.start()
  useEffect(()=>{
    NProgress.done()
  })
  return (
    localStorage.getItem('token') ?  <Fragment>{ asyncElement }</Fragment> : <Fragment>{ constantElement }</Fragment>
  ) 
}
